@charset "utf-8";
//主题色 - 更新为同城商家应用的主色调
$themeColor: #FF6B35;

$hd: 2; // 尺寸放大倍数，适应不同端

$background-color: #f5f5f5;

@mixin clearfix() {
  &:before,
  &:after {
    content: '';
    display: table;
  }
  &:after {
    clear: both;
  }
}

@mixin width {
  @for $i from 1 to 11 {
    .width-#{$i * 40} {
      width: $i * $hd * 40px;
    }
  }
}

@mixin height {
  @for $i from 1 to 11 {
    .height-#{$i * 40} {
      height: $i * $hd * 40px;
    }
  }
}

// margin-四个方向 1到100像素
@mixin marginDistance() {
  @for $i from 1 to 100 {
    .mar#{$i * 1} {
      margin: $i * 1px * $hd;
    }
  }
}

// padding-四个方向 1到100像素
@mixin paddingDistance() {
  @for $i from 1 to 100 {
    .pad#{$i * 1} {
      padding: $i * 1px * $hd;
    }
  }
}

// margin-四个方向 1到100像素
@mixin margin($direction) {
  @for $i from 1 to 100 {
    .mar-#{$direction}#{$i * 1} {
      margin-#{$direction}: $i * 1px * $hd;
    }
  }
}

// padding-四个方向 1到100像素
@mixin padding($direction) {
  @for $i from 1 to 100 {
    .pad-#{$direction}#{$i * 1} {
      padding-#{$direction}: $i * 1px * $hd;
    }
  }
}

@mixin heightVh {
  @for $i from 5 to 11 {
    .h-vh#{$i * 10} {
      height: $i * 10vh;
    }
  }
}

// 单行省略号
@mixin toe() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

// 多行省略号
@mixin bov($num:2) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $num;
  -webkit-box-orient: vertical;
}

@mixin flex-row($justify-content:null,$align-items:null) {
  display: flex;
  flex-direction: row;
  @if ($justify-content!=null) {
    justify-content: $justify-content;
  }
  @if ($align-items!=null) {
    align-items: $align-items;
  }
}

@mixin flex-column($justify-content:null,$align-items:null) {
  display: flex;
  flex-direction: column;
  @if ($justify-content!=null) {
    justify-content: $justify-content;
  }
  @if ($align-items!=null) {
    align-items: $align-items;
  }
}